@charset "gb2312";
/*
 * file    : base.css
 * codex   : css v2.0
 * version : 1.0.0
 * author  : leo.yang
 * update  : 2012-09-05 08:36
 */


@charset "gb2312";


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0;}

body { background-color: #FFF; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top; }


input,select{vertical-align:middle;line-height:100%;}
table{margin:0 auto;}
table,td,tr,th{font-size:12px;text-align:left;}
ol,ul{list-style:none;}
li{ list-style-type: none; }
img{ vertical-align: top; border: 0; }
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
a{ color: #333; text-decoration: none; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
a:hover{ color: #C00; text-decoration: none; }
.clear{ clear: both; height: 0px; overflow: hidden; display: block; line-height: 0px; }
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.both { clear: both; width: 100%; }


.left{float:left;}
.right{float:right;}
.w_980px{ width: 980px; margin-right: auto; margin-left: auto; }


.hidden{display:none;}
.blank10{clear:both;display:block;height:10px;overflow:hidden;}
.marginB10px { margin-bottom: 10px;}
.marginR10px { margin-right: 10px;}
.boxLine { border: 1px solid #FFF; }
.overflowHidden{ overflow:hidden;}




/*·ÖÒ³Ñùʽ------------------------------------------------------*/
.page{ clear: both; padding-bottom: 10px; padding-top: 10px; white-space: pre; float: right; }
.page a{ border: 1px none #CCCCCC; color: #666; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 2px; padding-right: 8px; padding-left: 8px; line-height: 26px; background-color: #EFEFEF; white-space: pre; }
.page a:hover{ color: #FFF; background-color: #99CC00; border: 1px none #8CBB00; white-space: pre; }
.page a.pagein{ border: 1px none #89B700; color: #FFF; background-color: #99CC00; margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 2px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; white-space: pre; }






#header { margin-top: 5px; clear: both; height: 144px; width: 980px; margin-right: auto; margin-left: auto; }
#header .logo { float: left; margin-top: 40px; }
#header .link { float: right; line-height: 30px; padding-right: 10px; padding-left: 10px; background-color: #FFF; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; color: #333; }
#header .tel { float: right; clear: right; margin-top: 20px; }
#header .search { float: right; clear: right; background-image: url(../images/searchBG.jpg); background-repeat: no-repeat; background-position: left top; height: 28px; width: 254px; margin-top: 16px; }
#header .search .searchBox { float: left; line-height: 22px; height: 22px; margin-top: 3px; margin-left: 3px; background-image: url(transparent); width: 220px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; text-indent: 5px; border: 1px none #FFF; background-color: #FFF; }
#header .search .searchButton { float: right; margin-top: 4px; margin-right: 3px; }







#nav { width: 980px; margin-right: auto; margin-left: auto; clear: both; background-image: url(../images/index_r3_c3.jpg); background-repeat: repeat-x; background-position: left top; height: 50px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 14px; line-height: 50px; font-weight: bold; overflow: hidden; }
#nav ul { width:1050px; }
#nav ul li { display: block; float: left; }
#nav ul li.line { background-image: url(../images/index_r3_c9.jpg); background-repeat: no-repeat; background-position: left top; width: 2px; height: 50px; }
#nav ul li a { display: block; padding-right: 25px; padding-left: 25px; _padding-right: 5px; _padding-left: 5px; }
#nav ul li a.on { display: block; padding-right: 27px; padding-left: 27px; background-image: url(../images/index_r4_c12.jpg); background-repeat: no-repeat; background-position: center bottom; }
#nav ul li a:hover { background-image: url(../images/index_r4_c12.jpg); background-repeat: no-repeat; background-position: center bottom; }





#banner { height: 350px; width: 980px; margin-right: auto; margin-left: auto; background-image: url(../images/index_r6_c3.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 9px; clear: both; }





#main { margin-right: auto; margin-left: auto; width: 980px; clear: both; margin-top: 10px; }
.title { height: 32px; background-image: url(../images/index_r8_c20.jpg); background-repeat: repeat-x; background-position: left top; clear: both; }
.title dl dt { background-image: url(../images/index_r8_c19.jpg); background-repeat: no-repeat; background-position: left top; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 14px; line-height: 32px; font-weight: bold; color: #FFF; text-indent: 13px; float: left; width: 92px; }
.title dl dd { float: right; margin-top: 8px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; color: #999; }
.titleP { height: 32px; background-image: url(../images/index_r17_c8.jpg); background-repeat: repeat-x; background-position: left top; clear: both; }
.titleP dl dt { background-image: url(../images/index_r17_c3.jpg); background-repeat: no-repeat; background-position: left top; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 14px; line-height: 32px; font-weight: bold; color: #FFF; text-indent: 13px; float: left; width: 92px; }
.titleP dl dd { float: right; margin-top: 8px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; color: #999; }
#main .about { float: left; width: 260px; }
#main .about .content { padding: 10px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; color: #333; line-height: 22px; }
#main .about .content strong { color: #069; }
#main .news { float: right; width: 710px; }
#main .news .img { float: left; margin-top: 10px; width: 300px; background-image: url(../images/index_r15_c19.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 13px; overflow: hidden; }
/*½¹µãͼ-------------------------------------*/
.container { WIDTH: 300px; HEIGHT: 214px }
.container A IMG { WIDTH: 300px; HEIGHT: 214px }
.container IMG { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none }
.td_f A IMG { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px }
.num { POSITION: absolute; WIDTH: 90px; FLOAT: right; TOP: 190px; LEFT: 205px }
.num LI { TEXT-ALIGN: center; LINE-HEIGHT: 15px; LIST-STYLE-TYPE: none; MARGIN: 1px; WIDTH: 15px; FONT-FAMILY: Arial; BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px; FLOAT: left; HEIGHT: 15px; COLOR: #666; FONT-SIZE: 12px; CURSOR: pointer }
.num LI.on { LINE-HEIGHT: 15px; WIDTH: 15px; BACKGROUND: url(../images/flashbutton.gif) no-repeat; HEIGHT: 15px; COLOR: #ffffff }

#main .news .list { float: right; margin-top: 10px; width: 400px; }
#main .news .list ul li { font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 27px; color: #333; background-image: url(../images/index_r13_c23.jpg); background-repeat: no-repeat; background-position: left center; text-indent: 15px; }
#main .news .list ul li span { float: right; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; color: #999; }
#main .product { clear: both; }
#main .product .list { clear: both; width: 980px; overflow: hidden; }
#main .product .list ul { width: 1010px; }
#main .product .list ul .boxP { display: block; float: left; text-align: center; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; margin-right: 32px; margin-top: 20px; }
#main .product .list ul .boxP .imgP a { border: 5px solid #F1F1F1; display: block; }
#main .product .list ul .boxP .imgP a:hover { border: 5px solid #D5E7EE; display: block; }
#main .product .list ul .boxP .nameP { color: #333; background-image: url(../images/index_r21_c3.jpg); background-repeat: no-repeat; background-position: center top; line-height: 30px; }
#main .case { clear: both; margin-top: 15px; }
/*¹ö¶¯-----------------------------------------------------*/
.rollBox{ width:980px; overflow:hidden; margin-top: 15px; }
.rollBox .Cont{ width:920px; overflow:hidden; overflow:hidden; display:inline; float: left; }
.rollBox .ScrCont{width:10000000px; height:160px;}
.rollBox .img1{ float: left; margin-right: 13px; margin-top: 70px; cursor:pointer; }
.rollBox .img2{ float: right; margin-left: 13px; margin-top: 70px; cursor:pointer; }
.rollBox .Cont .pic{ overflow:hidden; float:left; display:inline; list-style-type:none; list-style-position:outside; width: 230px; text-align:center; padding-top: 2px; }
.rollBox .Cont .pic div a img { border: 1px solid #CCC; }
.rollBox .Cont .pic div a { font-size: 12px; line-height: 30px; }
.rollBox .Cont .pic div a:hover { font-size: 12px; line-height: 30px; color: #FFF; }
*+html .rollBox .Cont .pic{ float:left; display:inline; }
.rollBox .Cont .pic img{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.rollBox #List1,.rollBox #List2{float:left; margin:0; padding:0;}
#footer { background-image: url(../images/index_r27_c1.jpg); background-repeat: repeat; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
#footer .content { float: left; color: #FFF; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 22px; padding-left: 20px; }
#footer .content a  { color: #FFF; }
#footer .content a:hover { color: #F00; }

#footer .message { float: right; background-image: url(../images/index_r29_c25.jpg); background-repeat: no-repeat; background-position: left center; width: 130px; padding-left: 60px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; color: #CCC; line-height: 22px; margin-top: 10px; }
#footer .message ul li a { font-weight: bold; color: #FFF; }
#footer .message ul li a:hover { font-weight: bold; color: #F00; }
#main #left { width: 260px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #D6D6D6; }
#main #left .leftClass { margin-bottom: 10px; clear: both; }
#main #left .leftClass .list { padding-top: 5px; }

#main #left .leftClass .list a { display: block; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 30px; color: #FFF; background-image: url(../images/about_r3_c1.jpg); background-repeat: repeat-x; background-position: left top; text-indent: 24px; margin-top: 5px; }
#main #left .leftClass .list a:hover { display: block; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 30px; color: #C00; background-image: url(../images/about_r1_c1.jpg); background-repeat: repeat-x; background-position: left top; text-indent: 24px; margin-top: 5px; }
#main #left .leftClass .list a.on { display: block; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 30px; color: #C00; background-image: url(../images/about_r1_c1.jpg); background-repeat: repeat-x; background-position: left top; text-indent: 24px; margin-top: 5px; }
#main #left .leftNews { clear: both; margin-bottom: 10px; }
#main #left .leftNews .list .img { background-image: url(../images/news_r2_c1.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 13px; margin-top: 10px; }
#main #left .leftNews .list ul { padding-left: 10px; }
#main #left .leftNews .list ul li { font-size: 12px; line-height: 24px; background-image: url(../images/index_r13_c23.jpg); background-repeat: no-repeat; background-position: left center; text-indent: 15px; }
#main #left .leftContact { clear: both; }
#main #left .leftContact .content { font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 12px; line-height: 24px; color: #333; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; }
#main #right { float: right; width: 710px; }
#main #right .content { padding: 20px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 14px; line-height: 26px; color: #333; }
#main #right .content.newsList ul li  { font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 14px; line-height: 32px; background-image: url(../images/index_r13_c23.jpg); background-repeat: no-repeat; background-position: left center; text-indent: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D6D6D6; }
#main #right .content.newsList ul li span { float: right; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; color: #999; }
#main #right .content.newsShow .newsTitle { font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 18px; line-height: 34px; color: #036; text-align: center; }
#main #right .content.newsShow .time { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; color: #666; line-height: 20px; text-align: center; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C6C6C6; padding-bottom: 15px; margin-bottom: 10px; }
#main #right .content.productList .productBox { float: left; text-align: center; margin-left: 40px; margin-bottom: 10px; }
#main #right .content.productList .productBox .img a { display: block; border: 5px solid #F1F1F1; }
#main #right .content.productList .productBox .img a:hover { display: block; border: 5px solid #D5E7EE; }
#main #right .content.productList .productBox .name { background-image: url(../images/index_r21_c3.jpg); background-repeat: no-repeat; background-position: center top; font-size: 12px; line-height: 30px; }
#main #right .content.productShow .productTitle { text-align: center; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 16px; font-weight: bold; color: #036; line-height: 32px; }
#main #right .content.productShow .img { text-align: center; padding-top: 20px; padding-bottom: 20px; }
#main #right .content.productShow .img img { border: 2px solid #D6D6D6; }


#main #right .content.caseList .caseBox { float: left; text-align: center; margin-bottom: 10px; margin-left: 55px; }
#main #right .content.caseList .caseBox .name { background-image: url(../images/index_r21_c3.jpg); background-repeat: no-repeat; background-position: center top; font-size: 12px; line-height: 30px; }
#main #right .content.caseShow .caseTitle { text-align: center; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-size: 16px; font-weight: bold; color: #036; line-height: 32px; }
#main #right .content.caseShow .img { text-align: center; padding-top: 20px; padding-bottom: 20px; }
#main #right .content.caseShow .img img { border: 2px solid #D6D6D6; }